/*已经不推荐使用了，仅供参考*/

.root {
    /*颜色值透明度256分为8分 每份对应的颜色值*/
    color_256_sum_16_16: ff;
    color_256_sum_16_15: f0;
    color_256_sum_16_14: e0;
    color_256_sum_16_13: d0;
    color_256_sum_16_12: c0;
    color_256_sum_16_11: b0;
    color_256_sum_16_10: a0;
    color_256_sum_16_9: 90;
    color_256_sum_16_8: 80;
    color_256_sum_16_7: 70;
    color_256_sum_16_6: 60;
    color_256_sum_16_5: 50;
    color_256_sum_16_4: 40;
    color_256_sum_16_3: 30;
    color_256_sum_16_2: 20;
    color_256_sum_16_1: 10;

    /*白色透明度*/
    white_color_a_16: #ffffffff;
    white_color_a_15: #fffffff0;
    white_color_a_14: #ffffffe0;
    white_color_a_13: #ffffffd0;
    white_color_a_12: #ffffffc0;
    white_color_a_11: #ffffffb0;
    white_color_a_10: #ffffffa0;
    white_color_a_9: #ffffff90;
    white_color_a_8: #ffffff80;
    white_color_a_7: #ffffff70;
    white_color_a_6: #ffffff60;
    white_color_a_5: #ffffff50;
    white_color_a_4: #ffffff40;
    white_color_a_3: #ffffff30;
    white_color_a_2: #ffffff20;
    white_color_a_1: #ffffff10;

    /*黑色透明度*/
    black_color_a_16: #000000ff;
    black_color_a_15: #000000f0;
    black_color_a_14: #000000e0;
    black_color_a_13: #000000d0;
    black_color_a_12: #000000c0;
    black_color_a_11: #000000b0;
    black_color_a_10: #000000a0;
    black_color_a_9: #00000090;
    black_color_a_8: #00000080;
    black_color_a_7: #00000070;
    black_color_a_6: #00000060;
    black_color_a_5: #00000050;
    black_color_a_4: #00000040;
    black_color_a_3: #00000030;
    black_color_a_2: #00000020;
    black_color_a_1: #00000010;

}
/*
!*必填*!
.label-required {
    -fx-text-fill: color_error;
}

!*输入框*!
.text-field-common {
    -fx-padding: 6 10 6 10;
    -fx-background-color: transparent;
    -fx-border-color: black_color_a_3;
    -fx-border-radius: 3;
}

.text-field-common:focused {
    -fx-border-color: color_primary;
}

!*主要按钮*!
.button-primary, .button-primary:selected {
    -fx-background-color: color_primary;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_primary;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-border-style: hidden;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_primary_on_primary;
}

.button-primary:hover {
    -fx-background-color: color_primary300;
    -fx-border-color: color_primary300;
    -fx-text-fill: text_color_primary_on_primary;
}

.button-primary:pressed {
    -fx-background-color: color_primary600;
    -fx-border-color: color_primary600;
    -fx-text-fill: text_color_primary_on_primary;
}

!*次要按钮*!
.button-secondary, .button-secondary:selected {
    -fx-background-color: color_primary50;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_primary;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_primary;
}

.button-secondary:hover {
    -fx-background-color: color_primary;
    -fx-border-color: color_primary;
    -fx-text-fill: text_color_primary_on_primary
}

.button-secondary:pressed {
    -fx-background-color: color_primary600;
    -fx-border-color: color_primary600;
    -fx-text-fill: text_color_primary_on_primary
}

!*在次要按钮*!
.button-tertiary, .button-tertiary:selected {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: black_color_a_3;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_secondary;
}

.button-tertiary:hover {
    -fx-background-color: color_primary50;
    -fx-border-color: color_primary;
    -fx-text-fill: color_primary
}

.button-tertiary:pressed {
    -fx-background-color: color_primary50;
    -fx-border-color: color_primary600;
    -fx-text-fill: color_primary
}

!*按钮text*!
.button-text {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: transparent;
    -fx-border-radius: 0;
    -fx-border-width: 0;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_primary;
}

.button-text:hover {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_primary300
}

.button-text:pressed {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_primary600
}

!*错误按钮、主要按钮*!
.button-error, .button-error-primary {
    -fx-background-color: color_error;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_error;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_primary_on_primary;
}

.button-error:hover, .button-error-primary:hover {
    -fx-background-color: color_error300;
    -fx-border-color: color_error300;
    -fx-text-fill: text_color_primary_on_primary
}

.button-error:pressed, .button-error-primary:pressed {
    -fx-background-color: color_error600;
    -fx-border-color: color_error600;
    -fx-text-fill: text_color_primary_on_primary
}

!*错误次要按钮*!
.button-error-secondary {
    -fx-background-color: color_error50;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_error;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_error;
}

.button-error-secondary:hover {
    -fx-background-color: color_error;
    -fx-border-color: color_error;
    -fx-text-fill: text_color_primary_on_primary
}

.button-error-secondary:pressed {
    -fx-background-color: color_error600;
    -fx-border-color: color_error600;
    -fx-text-fill: text_color_primary_on_primary
}

!*在错误次要按钮*!
.button-error-tertiary {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: black_color_a_3;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_secondary;
}

.button-error-tertiary:hover {
    -fx-background-color: color_error50;
    -fx-border-color: color_error;
    -fx-text-fill: color_error
}

.button-error-tertiary:pressed {
    -fx-background-color: color_error50;
    -fx-border-color: color_error600;
    -fx-text-fill: color_error
}

!*错误按钮text*!
.button-error-text {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: transparent;
    -fx-border-radius: 0;
    -fx-border-width: 0;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_error;
}

.button-error-text:hover {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_error300
}

.button-error-text:pressed {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_error600
}

!*警告按钮、主要按钮*!
.button-warn, .button-warn-primary {
    -fx-background-color: color_warn;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_warn;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_primary_on_primary;
}

.button-warn:hover, .button-warn-primary:hover {
    -fx-background-color: color_warn300;
    -fx-border-color: color_warn300;
    -fx-text-fill: text_color_primary_on_primary
}

.button-warn:pressed, .button-warn-primary:pressed {
    -fx-background-color: color_warn600;
    -fx-border-color: color_warn600;
    -fx-text-fill: text_color_primary_on_primary
}

!*警告次要按钮*!
.button-warn-secondary {
    -fx-background-color: color_warn50;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_warn;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_warn;
}

.button-warn-secondary:hover {
    -fx-background-color: color_warn;
    -fx-border-color: color_warn;
    -fx-text-fill: text_color_primary_on_primary
}

.button-warn-secondary:pressed {
    -fx-background-color: color_warn600;
    -fx-border-color: color_warn600;
    -fx-text-fill: text_color_primary_on_primary
}

!*在警告次要按钮*!
.button-warn-tertiary {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: black_color_a_3;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_secondary;
}

.button-warn-tertiary:hover {
    -fx-background-color: color_warn50;
    -fx-border-color: color_warn;
    -fx-text-fill: color_warn
}

.button-warn-tertiary:pressed {
    -fx-background-color: color_warn50;
    -fx-border-color: color_warn600;
    -fx-text-fill: color_warn
}

!*警告按钮text*!
.button-warn-text {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: transparent;
    -fx-border-radius: 0;
    -fx-border-width: 0;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_warn;
}

.button-warn-text:hover {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_warn300
}

.button-warn-text:pressed {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_warn600
}

!*成功按钮、主要按钮*!
.button-succeed, .button-succeed-primary {
    -fx-background-color: color_succeed;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_succeed;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_primary_on_primary;
}

.button-succeed:hover, .button-succeed-primary:hover {
    -fx-background-color: color_succeed300;
    -fx-border-color: color_succeed300;
    -fx-text-fill: text_color_primary_on_primary
}

.button-succeed:pressed, .button-succeed-primary:pressed {
    -fx-background-color: color_succeed600;
    -fx-border-color: color_succeed600;
    -fx-text-fill: text_color_primary_on_primary
}

!*成功次要按钮*!
.button-succeed-secondary {
    -fx-background-color: color_succeed50;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: color_succeed;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_succeed;
}

.button-succeed-secondary:hover {
    -fx-background-color: color_succeed;
    -fx-border-color: color_succeed;
    -fx-text-fill: text_color_primary_on_primary
}

.button-succeed-secondary:pressed {
    -fx-background-color: color_succeed600;
    -fx-border-color: color_succeed600;
    -fx-text-fill: text_color_primary_on_primary
}

!*在成功次要按钮*!
.button-succeed-tertiary {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: black_color_a_3;
    -fx-border-radius: 3;
    -fx-border-width: 0.5;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: text_color_secondary;
}

.button-succeed-tertiary:hover {
    -fx-background-color: color_succeed50;
    -fx-border-color: color_succeed;
    -fx-text-fill: color_succeed
}

.button-succeed-tertiary:pressed {
    -fx-background-color: color_succeed50;
    -fx-border-color: color_succeed600;
    -fx-text-fill: color_succeed
}

!*成功按钮text*!
.button-succeed-text {
    -fx-background-color: transparent;
    -fx-background-insets: 0 0 0 0;
    -fx-border-color: transparent;
    -fx-border-radius: 0;
    -fx-border-width: 0;
    -fx-padding: 6 10 6 10;
    -fx-text-fill: color_succeed;
}

.button-succeed-text:hover {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_succeed300
}

.button-succeed-text:pressed {
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-text-fill: color_succeed600
}*/

/*
!*TabPane*!
.tab-pane > .tab-header-area{
    -fx-padding: 8 6 0 6;
}

.tab-pane > .tab-header-area .tab-header-background {
    -fx-background-color: transparent;
}

.tab-pane > .tab-header-area .tab {
    -fx-background-color: transparent;
    -fx-padding: 2 8 2 8;
    -fx-background-insets: 0;
    -fx-border-radius: 4 4 0 0;
    -fx-border-width: 1 1 0 1;
    -fx-border-color: transparent;
}

.tab-pane > .tab-header-area .tab:default, .tab-pane > .tab-header-area .tab:selected{
    -fx-background-color: color_surface;
    -fx-padding: 2 8 2 8;
    -fx-background-insets: 0;
    -fx-border-radius: 4 4 0 0;
    -fx-border-width: 1 1 0 1;
    -fx-border-color: color_primary;
}

.tab-pane > .tab-header-area .tab * {
    -fx-background-color: transparent;
    -fx-border-style: hidden;
}

.tab-pane > .tab-content-area {
    -fx-padding: 0 0 0 0;
    -fx-background-color: color_surface;
    -fx-background-insets: 0 0 0 0;
}*/

